{% include 'public/body.html' %}

{% block js %}
    {% load static %}
{% endblock %}


{% block title %}
    我的收藏

{% endblock %}

{% block main %}
    <!-- 网站主体 -->
    <div id="main">
        <section class="aside">
            <!-- 定义右侧窗口信息 -->
            <aside class="users">
                <img src="/media/{{ userInfo.avtar }}" alt="头像"/>

                <div>
                    <p>
                        <a href="javascript:void(0);">{{ userInfo.nickname }}</a>
                        <a class="modify" href="{% url 'findpass' %}">修改密码</a>
                    </p>
                    <p class="u">
                        <a href="javascript:void(0);">{{ userInfo.name }}</a>
                        <a href="javascript:void(0);">{{ user.username }}</a>
                        {% if userInfo.gender == 'M' %}
                            <a href="javascript:void(0);">男</a>
                        {% elif userInfo.gender == 'F' %}
                            <a href="javascript:void(0);">女</a>
                        {% else %}
                            <a href="javascript:void(0);">保密</a>
                        {% endif %}
                        <a href="javascript:void(0);">{{ userInfo.birthday }}</a>
                    </p>
                </div>

                <p>
                    <span class="lf"></span>开通VIP尊享特权<span class="rf"></span>
                </p>

                <div class="clearfix">
                    <p class="download svip">下载权益</p>
                    <p class="book svip">图书权益</p>
                    <p class="vip">VIP文章</p>
                    <p class="col svip">收藏特权</p>
                </div>
            </aside>

        </section>

        <section>
            <h1 class="detail-col">我的收藏</h1>
            <div class="bg-hr"></div>
            <div id="sec-more-list" class="detail-col-list">

                {% for resource in resources %}
                    <!-- 定义一个条目-->
                    <div class="pro">
                        <div class="img">
                            <img src="{% static 'images/' %}{{ resource.ext }}.svg"/>
                        </div>
                        <div class="cs">
                            <div class="up">
                                <a href="{% url 'res:detail' resource.pk %}">{{ resource.name }}</a>
                            </div>
                            <div class="down">
                                <b class="uploader" title="作者"></b><b class="time"
                                                                        title="收藏时间">{{ resource.create_time }}</b>
                            </div>
                        </div>
                        <div class="arr">
                            <span>积分:<b>{{ resource.score }}</b></span>
                        </div>
                    </div>
                {% endfor %}



                <!-- 分页 -->
                <div class="pagination">

                    <a class="left"></a>
                    <a class="act">1</a>
                    <a>2</a>
                    <a>3</a>
                    <a>4</a>
                    <a>5</a>
                    <a class="right"></a>
                    <select>
                        <option>1/5</option>
                        <option>2/5</option>
                        <option>3/5</option>
                        <option>4/5</option>
                        <option>5/5</option>
                    </select>
                </div>


            </div>
        </section>
    </div>

{% endblock %}
{% block vue %}
    <script>


    </script>

{% endblock %}



